<template>
  <div class="footer">
    <div class="upperPart">
      <span>Copyright ©2020 Qunar.com</span>
      <a class="tradingInfo">京公网安备11010802030542 京</a>
      <br>
      <a class="tradingInfo">京ICP备05021087号</a>
      <a class="tradingInfo">京ICP证060856号</a>
      <a class="tradingInfo">营业执照信息</a>
      <a class="tradingInfo">(京)-非经营性-2016-0110</a>
      <div class="contact">
        <!--使用蚂蚁UI组件-->
        <a-icon type="qq" />
        <span>去哪儿网客服电话95117</span>
      </div>
    </div>
    <div class="secondPart">
      <span>违法和不良信息举报电话：010-59606977</span>
      <span>违法和不良信息举报邮箱：tousu@qunar.com</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeFooter'
}
</script>

<style lang="stylus" scoped>
.footer
  margin-top: .5rem
  font-size: smaller
  color: #999
  .upperPart
    /* 设置距离 */
    margin-bottom: .3rem
    .contact
      /* 将div标签的block性质设置为inline-block */
      /* 这样可以与上方的span元素共处一行 */
      display: inline-block
</style>
